<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>汇款单</title>
    <link rel="stylesheet" href="./assets/css/mui.min.css">
    <!-- 自定义的公共样式表 -->
    <link rel="stylesheet" href="./assets/css/lib.common.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="./assets/css/app.css">
    <link rel="stylesheet" href="./assets/css/animate3.1.5.css">
    <script src="./assets/js/mui.min.js"></script>
    <!-- 点击复制文本 -->
    <script src="./assets/js/clipboard.min.js"></script>
    <!-- 自定义的js脚本 -->
    <script src="./assets/js/lib.common.js"></script>

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    [endif]-->
</head>
<body>

<!-- 头部状态栏start -->
<header class="mui-bar mui-bar-nav">
    <a url="./个人中心.html" class="mui-icon mui-icon-back dark"></a>
    <h1 class="mui-title black bold">
        汇款单
    </h1>
</header>
<!-- 头部状态栏end -->

<div class="mui-row p_t44 bg-white">
    <div class="mui-col-xs-12 mui-col-sm-12 a_c p_y25">
        <img src="./assets/image/xxhdpi-v4/icon.png" style="width: 50px;height: 50px;">
        <h2 class="black normal p_y5">¥ 100.00</h2>
        <p class="red">待支付</p>
    </div>
</div>
<div class="mui-row bg-white p_x20 font14 line30">
    <div class="mui-col-xs-4 mui-col-sm-4">流水号</div>
    <div class="mui-col-xs-8 mui-col-sm-8">201811105218</div>
</div>
<div class="mui-row bg-white p_x20 font14 line30">
    <div class="mui-col-xs-4 mui-col-sm-4">申请时间</div>
    <div class="mui-col-xs-8 mui-col-sm-8">2018-11-10 05:21:08</div>
</div>

<div class="mui-row bg-white p_x10 font14 line35 p_b25">
    <div class="mui-col-xs-12 mui-col-sm-12 m_y5">
        <div class="mui-row border radius3 p_x10 p_y5 bg-light">
            <div class="mui-col-xs-4 mui-col-sm-4 dark">收款方户名</div>
            <div class="mui-col-xs-8 mui-col-sm-8 font12">百城</div>
        </div>
    </div>
    <div class="mui-col-xs-12 mui-col-sm-12 m_y5">
        <div class="mui-row border radius3 p_x10 p_y5 bg-light">
            <div class="mui-col-xs-4 mui-col-sm-4 dark">银行名称</div>
            <div class="mui-col-xs-8 mui-col-sm-8 font12">中国建设银行</div>
        </div>
    </div>
    <div class="mui-col-xs-12 mui-col-sm-12 m_y5">
        <div class="mui-row border radius3 p_x10 p_y5 bg-light">
            <div class="mui-col-xs-4 mui-col-sm-4 dark">收款方开户行</div>
            <div class="mui-col-xs-8 mui-col-sm-8 font12">上海 上海 静安支行</div>
        </div>
    </div>
    <div class="mui-col-xs-12 mui-col-sm-12 m_y5">
        <div class="mui-row border radius3 p_x10 p_y5 bg-light">
            <div class="mui-col-xs-4 mui-col-sm-4 dark">收款方账号</div>
            <div class="mui-col-xs-8 mui-col-sm-8 font12">
                6288703170026077700
                <button type="button" data-clipboard-text="6288703170026077700" class="mui-btn mui-btn-mini f_r copy">复制</button>
            </div>
        </div>
    </div>
    <div class="mui-col-xs-12 mui-col-sm-12 m_y5">
        <div class="mui-row border radius3 p_x10 p_y5 bg-light">
            <div class="mui-col-xs-4 mui-col-sm-4 dark">转账备注</div>
            <div class="mui-col-xs-8 mui-col-sm-8 font12">
                <span class="red">AT518551125</span>
                (请务必填写)
                <button type="button" data-clipboard-text="AT518551125" class="mui-btn mui-btn-mini f_r copy" >复制</button>
            </div>
        </div>
    </div>
</div>

<div class="mui-row bg-white font14 line35 p_b25 m_t10">
    <div class="mui-col-sm-12 mui-col-xs-12 p_x15 font16 line50 p_y5">温馨提示</div>
    <hr>
    <div class="mui-col-sm-12 mui-col-xs-12 p_x15">
        <p class="black line25">
            1.买卖商户均为实名认证伤害，并提供保证金，可放心交易；
        </p>
        <p class="black line25">
            2.商家处理时间为9:00 - 12:00 非处理时间的订单会在第二天9:00开始处理，一般接单后2小时内完成交易，最长处理时间不超过24小时。请在下单后30分钟内完成付款，否则会延迟到账；
        </p>
        <p class="black line25">
            3.单天最多只能发起<span class="red">10笔</span>卖出订单;
        </p>
        <p class="black line25">
            4.<span class="red">禁止使用微信、支付宝、他人代付、ATM及柜台转账等第三方转账。</span>请务必使用本人绑定的银行卡通过手机银行或网银进行汇款，其它任何汇款都会造成延迟处理;
        </p>
        <p class="black line25">
            5.如果您的交易24小时内未处理，请及时联系在线客服登记。我们会有专人与您联系，请保持手机畅通。另24小时内无法处理的交易订单由于有时咨询量过大，在线客服无法及时提供帮助，敬请谅解；
        </p>
    </div>
</div>
</body>

</html>
